.hander {
  display: flex;

  .input {
    flex: 1;
  }
}

.searchBtn {
  color: white;
  background-color: var(--themeColor);
  padding: 0 20rpx;
}

.history {
  width: 100%;
  color: var(--focusColor);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 30rpx;
  padding: 15rpx 30rpx;
  .btn {
    border: 0px;
    margin: 0px;
    font-size: 28rpx;
    color: var(--descColor);
  }
}
.list {
  display: flex;
  flex-wrap: wrap;
  .content {
      height: 50rpx;
      font-size: 25rpx;
      padding: 0 10px;
      text-align: center;
      line-height: 50rpx;
      margin: 8rpx 0rpx;
      margin-left: 30rpx;
      background-color: var(--globalBgColor2);
  }
}


.data{
  .product{
    .info{
      font-size: 25rpx;
      padding: 20rpx 20rpx;
      color: var(--focusColor);
      .total{
        color: var(--themeColor);
      }
    }
    .content{
      .body{
        padding: 10rpx 18rpx;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        .box{
          width: 330rpx;
          margin-bottom: 30rpx;
        }
      }
    }
  }
}